import React from "react";
import "./Set.css";
import {
  UserOutline,
  RightOutline,
  LeftOutline,
  BellOutline,
  FileOutline,
  ExclamationShieldOutline,
  SetOutline,
  ExclamationTriangleOutline,
  QuestionCircleOutline,
} from "antd-mobile-icons";
import { useNavigate } from "react-router-dom";
export default function Set() {
  let Navigate = useNavigate();
  let logout = () => {
    sessionStorage.removeItem("token");
    Navigate("/Login");
  };
  return (
    <div>
      <div
        style={{ fontSize: "26px", margin: "20px 10px" }}
        onClick={() => {
          Navigate("/My");
        }}
      >
        <LeftOutline />
        设置
      </div>
      <div className="div">
        <span>
          <UserOutline />
        </span>
        <span> 账号与安全</span>
        <span className="right">
          <RightOutline />
        </span>
      </div>
      <div className="div">
        <span>
          <BellOutline />
        </span>
        <span> 新消息通知</span>
        <span className="right">
          <RightOutline />
        </span>
      </div>
      <div className="div">
        <span>
          <ExclamationShieldOutline />
        </span>
        <span> 隐私设置</span>
        <span className="right">
          <RightOutline />
        </span>
      </div>
      <div className="div">
        <span>
          <FileOutline />
        </span>
        <span> 文件管理</span>
        <span className="right">
          <RightOutline />
        </span>
      </div>
      <div className="div">
        <span>
          <SetOutline />
        </span>
        <span> 通用设置</span>
        <span className="right">
          <RightOutline />
        </span>
      </div>
      <div className="div">
        <span>
          <QuestionCircleOutline />
        </span>
        <span> 反馈与帮助</span>
        <span className="right">
          <RightOutline />
        </span>
      </div>
      <div className="div">
        <span>
          <ExclamationTriangleOutline />
        </span>
        <span> 关于</span>
        <span className="right">
          <RightOutline />
        </span>
      </div>
      <div
        className="div1"
        onClick={() => {
          Navigate("/Register");
        }}
      >
        切换账号
      </div>
      <div
        className="div1"
        onClick={() => {
          logout();
        }}
      >
        退出登录
      </div>
    </div>
  );
}
